登入頁面主要拆成兩塊,
一塊前端頁面和一塊後端處理,
今天先講前端頁面的部分,
首先這個頁面一開始就會用到session來做處理,
在進入login.php的登入頁面時,
首先要判斷是否已登入,
有的話直接幫他跳轉到主頁面,
(避免重複登入出問題)
session_start();//開啟session功能
header("Content-Type:text/html; charset=utf-8");
$url = "main.php";
//若account_temp不為空,則轉跳到主頁面
if($_SESSION['account_temp'] != "" && $_SESSION['account_temp'] != null){
echo "<script>window.location.href='$url';</script>";
return null;
}
再來是html和javascript的部分
<form method='POST' action='login_success.php' id='login_action' name='login_action'>
帳號:<input type="text" id="user_account" name="user_account"/><br/>
密碼:<input type="password" id="user_pw" name="user_pw"/><br/>
<input type='button' id="login_bt" name="login_bt" value="登入" onclick="check_data()"/>
</form>
function check_data(){
//基本判斷帳密是不是空值
if($("#user_account").val() == ""){
alert("請輸入帳號");
return false;
}else if($("#user_pw").val() == ""){
alert("請輸入密碼");
return false;
}
$("#login_action").submit();
}
js只有簡單判斷是否為空值,
主要判斷在後端處理的部分,
今天簡單介紹到這,下次見囉~~